.d-2{width: 1200px;margin: 0 auto;}
.d-3{margin-top: 36px;}
.d-4{padding-bottom: 25px;}
.d-5{z-index: 50;}
.d-6{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);top: 0;left: 0;}
.d-7{width: 75px !important;height: 75px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.d-8{position: absolute;bottom: -100px;padding: 0 20px;color: white;width: 100%;padding-bottom: 25px;box-sizing: border-box;transition: 0.3s;}
.d-14{position: absolute;bottom: 0;width: 100%;height: 160px;display: none;
 background: -moz-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
}
.d-9{font-weight: bold;}
.d-10{width: 50px;border-bottom: 1px solid white;margin: 10px 0;}
.d-11{font-size: 12px;}
.a-25-box{display: block;}



.jq22-container { margin-top: 8px;}
#div1{ margin: auto; position: relative; }
.box{ float: left;background: #f7f7f7;padding: 10px;position: relative;overflow: hidden;}
.box>div{position: relative;overflow: hidden;cursor: pointer;}
.box>div:hover .d-6{display: none;}
.box>div:hover .d-14{display: block;}
.box>div:hover .d-8{bottom: 0;}
/*.box:hover {}*/
.box img { width: 370px; }

#div2{ margin: auto; position: relative; }
.box1 { float: left;background: #f7f7f7;padding: 10px;position: relative;overflow: hidden;}
.box1>div{position: relative;overflow: hidden;cursor: pointer;}
.box1>div:hover .d-6{display: none;}
.box1>div:hover .d-14{display: block;}
.box1>div:hover .d-8{bottom: 0;}
/*.box1:hover {}*/
.box1 img { width: 370px; }

#div3{ margin: auto; position: relative; }
.box2 { float: left;background: #f7f7f7;padding: 10px;position: relative;overflow: hidden;}
.box2>div{position: relative;overflow: hidden;cursor: pointer;}
.box2>div:hover .d-6{display: none;}
.box2>div:hover .d-14{display: block;}
.box2>div:hover .d-8{bottom: 0;}
.box2:hover {}
.box2 img { width: 370px; }

#div4{ margin: auto; position: relative; }
.box3 { float: left;background: #f7f7f7;padding: 10px;position: relative;overflow: hidden;}
.box3>div{position: relative;overflow: hidden;cursor: pointer;}
.box3>div:hover .d-6{display: none;}
.box3>div:hover .d-14{display: block;}
.box3>div:hover .d-8{bottom: 0;}
.box3:hover {}
.box3 img { width: 370px; }